<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>秒针空间后台管理</title>
<link rel="stylesheet" type="text/css" href="{{static_url('admin/css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{static_url('sweetalert/sweetalert.css')}}">
<link rel="stylesheet" type="text/css" href="{{static_url('admin/css/style.css')}}">
<link rel="stylesheet" href="{{static_url('admin/css/login.css')}}">
<link rel="stylesheet" type="text/css" href="{{static_url('admin/css/font-awesome.min.css')}}">
<link rel="apple-touch-icon-precomposed" href="{{static_url('admin/images/icon/icon.png')}}">
<link rel="shortcut icon" href="{{static_url('admin/images/icon/favicon.ico')}}">
<script src="{{static_url('admin/js/jquery-2.1.4.min.js')}}"></script>
<!--[if gte IE 9]>
  <script src="{{static_url('admin/js/jquery-1.11.1.min.js')}}" type="text/javascript"></script>
  <script src="{{static_url('admin/js/html5shiv.min.js')}}" type="text/javascript"></script>
  <script src="{{static_url('admin/js/respond.min.js')}}" type="text/javascript"></script>
  <script src="{{static_url('admin/js/selectivizr-min.js')}}" type="text/javascript"></script>
<![endif]-->
<!--[if lt IE 9]>
  <script>window.location.href='upgrade-browser.html';</script>
<![endif]-->
</head>

<body class="user-select">
{% for category, message in get_flashed_messages(with_categories=True) %}
{% if category == 'error' %}
<script
type = "text/javascript" >
swal({
    'title': '错误',
    'text': '{{ message }}',
    'type': 'error',
    'showCancelButton': false,
    'showConfirmButton': false,
    'timer': 2000
});
</script >
{% elif category == 'success' %}
<script
type = "text/javascript" >
swal({
    'title': '正确',
    'text': '{{ message }}',
    'type': 'success',
    'showCancelButton': false,
    'showConfirmButton': false,
    'timer': 2000
})
</script>
{% end %}
{% end %}
<div class="container">
  <div class="siteIcon"><img src="{{static_url('admin/images/icon/icon.png')}}" alt="" data-toggle="tooltip" data-placement="top" title="欢迎使用秒针后台管理系统" draggable="false" /></div>
  <form action="/admin/login" method="post" autocomplete="off" class="form-signin">
      {% module xsrf_form_html() %}
    <h2 class="form-signin-heading">管理员登录</h2>
    <label for="userName" class="sr-only">用户名</label>
    <input type="text" id="userName" name="username" class="form-control" placeholder="请输入用户名" required autofocus autocomplete="off" maxlength="30">
    <label for="userPwd" class="sr-only">密码</label>
    <input type="password" id="userPwd" name="userpwd" class="form-control" placeholder="请输入密码" required autocomplete="off" maxlength="18">
    <a href="/admin/login"><button class="btn btn-lg btn-primary btn-block" type="submit" id="signinSubmit">登录</button></a>
  </form>
  <div class="footer">
    <p><a href="/admin" data-toggle="tooltip" data-placement="left" title="不知道自己在哪?">回到后台 →</a></p>
  </div>
</div>
<script src="{{static_url('admin/js/bootstrap.min.js')}}"></script>
<script src="{{static_url('sweetalert/sweetalert.min.js')}}"></script>
<script>
$('[data-toggle="tooltip"]').tooltip();
window.oncontextmenu = function(){
	//return false;
};
$('.siteIcon img').click(function(){
	window.location.reload();
});
$('#signinSubmit').click(function(){
	if($('#userName').val() === ''){
		$(this).text('用户名不能为空');
	}else if($('#userPwd').val() === ''){
		$(this).text('密码不能为空');
	}else{
		$(this).text('请稍后...');
	}
});
</script>
</body>
</html>
